<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-EN" lang="en-EN" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en-en" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<script type="text/javascript" src="../assets/js/lib/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../assets/js/lib/jquery.custom.js"></script>
        <script type="text/javascript" src="../assets/js/app.js"></script>
        
        <script type="text/javascript" src="../assets/js/lib/jquery.jqtransform.js"></script>
        <script type="text/javascript" src="../assets/js/int.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="../assets/css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../assets/css/screen.css" />
<link rel="stylesheet" type="text/css" media="all" href="../assets/css/screen/page_2_row.css" />
<link rel="stylesheet" type="text/css" media="all" href="../assets/css/screen/connect.css" />
<!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" media="all" href="../assets/css/screen/ie6.css" />
    <![endif]-->
<!--[if IE 7]>
        <style type="text/css" media="all">@import "../assets/css/ie7.css";</style>
    <![endif]-->
<!--[if IE 8]>
        <style type="text/css" media="all">@import "../assets/css/ie8.css";</style>
    <![endif]-->
<title>Konik .net | Admin</title>
</head>
<body>
<div id="page">
  <div id="header">    
      <div class="wrapper">
		<div id="logout"><a href="#">Logout</a></div>
        <a href="index.html" class="logo_with_title">CONNECT</a>		        
      </div>    
  </div>
  <div class="wrapper">    
    <div class="wrapper cornerAll">			
		<div>
			<div id="language">
			  <form id="sl">
				<select name="select">
				  <option value="">English</option>
				  <option value="opt1">Vietnames</option>
				</select>
			  </form>			  
			</div>
		  <ul class="breadcrumb">
			<li>
			  <a href="#" class="fist_link ">Customer</a>
			</li>
			<li>
			  <a href="#" >mr Mai</a>
			</li>
		  </ul>		  
		</div>
      <div id="content">
        <div id="left" class="hight_resize">
			<div class="">
				<h2 class="info">
					mr Mai, Latin publishers (6 contacts)
				</h2>			
			</div>
			<div class="navbar">
				<a class="selected" >Notes</a>
				<a href="#">Related Jobs (1 outstanding)</a>				
				<div class="clear"></div>
			</div>
			<div class="leftbox">
				<div class="leftbox_heaher">
					<span class="info">
					Call&nbsp;|&nbsp;
					<a href="#">Blandine</a>&nbsp;|&nbsp;
					6 days ago&nbsp;|&nbsp;
					Fri 1st Oct
					</span>
				</div>
				<div class="leftbox_center">
					"Hello. This is a text messenger!"
				</div>
				<div class="leftbox_footer">
					Related tasks (<a href="#">Follow up call on 19th October</a>)
				</div>
			</div>
			<div class="leftbox">
				<div class="leftbox_heaher">
					<span class="info">
					Call&nbsp;|&nbsp;
					<a href="#">Juan</a> (agent)&nbsp;|&nbsp;
					6 days ago&nbsp;|&nbsp;
					Fri 1st Oct
					</span>
				</div>
				<div class="leftbox_center">
					"Hello. This is a text messenger!"
				</div>
				<div class="leftbox_footer">
					Related tasks (<a href="#">Follow up call on 19th October</a>)
				</div>
			</div>
			<div>
				Sept 16th - Customer joined KONIK
			</div>
        </div>
        <div id="right" class="hight_resize">
          <div class="boxes cornerAll">
            <h3 class="title">Info feed</h3>
            <p class="right_info">Oct 1st - Juan received newletter</p>
			<p class="right_info">Sept 17th - Customer visited pressed page</p>
          </div>
          <div class="boxes cornerAll">
            <h3 class="title">Recently sent marketing</h3>
            <p class="right_info2">Mon Oct 1st (<a href="#">view</a>)</p>			
          </div>
          <div class="boxes cornerAll">
            <h3 class="title">Shown Interest</h3>
            <p class="right_info">Buying Presses</p>			
          </div>
          <div class="boxes cornerAll">
            <h3 class="title">Recent transactions</h3>
            <p class="right_info">No recent transaction</p>			
          </div>
          <div class="boxes cornerAll">
            <h3 class="title">Known Presses</h3>
            <p><a href="#">Heideberg Speedmaster 2310</a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="footer"></div>
</body>
</html>